<template>
    <p style="text-align: center; color: red;">点击‘开始’8 秒后自动确定一个数字，再 2 秒后，自动开启新一轮。</p>
    <div class="out-box">
        <p>大乐透:一 三 六</p>
        <div><CompJi syms="大乐透" title="红球"></CompJi></div>
        <div><CompJi syms="大乐透" title="蓝球"></CompJi></div>
    </div>
    <div class="out-box">
        <p>双色球:二 四 日</p>
        <div><CompJi syms="双色球" title="红球"></CompJi></div>
        <div><CompJi syms="双色球" title="蓝球"></CompJi></div>
    </div>
</template>
<script setup>
import CompJi from './CompJi.vue'

</script>
<style lang='scss' scoped>
.out-box {
    width: 700px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    border: 1px solid #e0f;
    display: flex;
    justify-content: space-around;
    p {
        text-align: center;
        color: rgb(255, 89, 0);
        font-weight: 700;
    }
}
</style>